<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">

<ui:composition template="/template/template-padrao.xhtml">

	<ui:define name="titulo">Cadastrar entrada de veículos</ui:define>

	<ui:define name="baseCorpo">
		
		<h:form id="entradaVeicForm">
		
			<script type="text/javascript">
				jQuery(function(){
					jQuery('input[id*=vlrNotaFiscal]').maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
					jQuery('input[id*=vlrCompraVeiculo]').maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
					jQuery('input[id*=vlrVendaVeiculo]').maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
					jQuery('input[id*=vlrFipe]').maskMoney({symbol:'R$ ', showSymbol:true, thousands:'.', decimal:',', symbolStay: true});
				});
			</script>
		
			<h1 class="titulo-tela">Cadastrar entrada de veículos</h1>

			<p:panel id="panelCadastrarEntrada">
			
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados cadastrais</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td colspan="3">
							<h:outputLabel for="dataCompra" value="* Data da compra:" />
							<br />
							<p:calendar id="dataCompra" label="Data da compra" pattern="dd/MM/yyyy"
								maxlength="10" value="#{cadastrarEntradaBean.entradaVeiculo.dtCompraVeiculo}" />
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputLabel for="fornecedor" value="* Fornecedor:" />
							<br />
							<p:autoComplete id="fornecedor" minQueryLength="2" label="Placa" maxlength="100"
							 	value="#{cadastrarEntradaBean.entradaVeiculo.fornecedor}"
	                    		completeMethod="#{cadastrarEntradaBean.consultarFornecedoresPorNome}" 
	                    		var="forn" itemLabel="#{forn.nmPessoa}" itemValue="#{forn}"	
	                    		converter="pessoaConverter"
	                    		selectListener="#{cadastrarEntradaBean.handleSelectFornecedor}"
	                    		onSelectUpdate="cpfFornecedor, foneFornecedor, celularFornecedor"
	                    		style="width:250px;" /> 
							
							<p:commandButton update="clienteFornecedorModalForm"
								onclick="dlgClienteFornecedor.show();" image="ui-icon ui-icon-plusthick" 
								style="margin-left:5px;" >
								<f:setPropertyActionListener value="#{false}"
			                    	target="#{manterClientesFornecedoresBean.cadastroDespachante}" />
		                    	<f:setPropertyActionListener value="#{true}"
			                    	target="#{manterClientesFornecedoresBean.telaCadastroEntrada}" />
							</p:commandButton>
						</td>
						<td>
							<h:outputLabel for="cpfFornecedor" value="CPF:" />
							<br />
							<p:inputText id="cpfFornecedor" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.fornecedor.cpfCnpj}"
								label="CPF" />
						</td>
						<td>
							<h:outputLabel for="foneFornecedor" value="Fone:" />
							<br />
							<p:inputText id="foneFornecedor" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.fornecedor.meioComunicacao.nrTelefone}"
								label="Fone" />
						</td>
						<td>
							<h:outputLabel for="celularFornecedor" value="Celular:" />
							<br />
							<p:inputText id="celularFornecedor" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.fornecedor.meioComunicacao.nrCelular}"
								label="Celular" />
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputLabel for="nmIntermediario" value="Intermediário:" />
							<br />
							<p:inputText id="nmIntermediario" value="#{cadastrarEntradaBean.entradaVeiculo.nmIntermediario}" 
									maxlength="150" style="width:250px;" />
						</td>
						<td>
							<h:outputLabel for="cpfIntermediario" value="CPF do intermediário:" />
							<br />
							<p:inputMask id="cpfIntermediario" value="#{cadastrarEntradaBean.entradaVeiculo.cpfIntermediario}" 
									mask="999.999.999-99" />
						</td>
						<td>
							<h:outputLabel for="rgIntermediario" value="RG do intermediário:" />
							<br />
							<p:inputText id="rgIntermediario" value="#{cadastrarEntradaBean.entradaVeiculo.rgIntermediario}" 
									maxlength="150" />
						</td>
						<td>
							<h:outputLabel for="foneIntermediario" value="Fone do intermediário:" />
							<br />
							<p:inputMask id="foneIntermediario" value="#{cadastrarEntradaBean.entradaVeiculo.foneIntermediario}" 
									mask="(999) 9999-9999" />
						</td>
					</tr>
				</table>
				
			<br />
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados do veículo</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="placa" value="* Placa:" />
							<br />
							<p:autoComplete id="placa" minQueryLength="2" label="Placa"
							 	value="#{cadastrarEntradaBean.entradaVeiculo.veiculo}"
	                    		completeMethod="#{cadastrarEntradaBean.consultarVeiculosPorPlaca}" 
	                    		var="veic" itemLabel="#{veic.nrPlaca}" itemValue="#{veic}"	
	                    		converter="veiculoConverter"
	                    		selectListener="#{cadastrarEntradaBean.handleSelectVeiculo}"
	                    		onSelectUpdate="fabricante, modelo, anoFabricacao, anoModelo, cor" /> 
							
							<p:commandButton onclick="dlgVeiculo.show();" 
								image="ui-icon ui-icon-plusthick" style="margin-left:5px;" >
								<f:setPropertyActionListener value="#{true}"
			                    	target="#{manterVeiculosBean.telaCadastroEntrada}" />
							</p:commandButton>
						</td>
						<td>
							<h:outputLabel for="fabricante" value="Fabricante:" />
							<br />
							<p:inputText id="fabricante" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.veiculo.fabricante.nmFabricante}"
								label="Fabricante" style="width:220px;" />
						</td>
						<td>
							<h:outputLabel for="modelo" value="Modelo:" />
							<br />
							<p:inputText id="modelo" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.veiculo.modelo.nmModelo}"
								label="Modelo" style="width:200px;" />
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputLabel for="anoFabricacao" value="Ano de fabricação:" />
							<br />
							<p:inputText id="anoFabricacao" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.veiculo.anoFabricacao}" label="Ano"
								style="width:45px;" />
						</td>
						<td>
							<h:outputLabel for="anoModelo" value="Ano do modelo:" />
							<br />
							<p:inputText id="anoModelo" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.veiculo.anoModelo}" label="Ano"
								style="width:45px;" />
						</td>
						<td>
							<h:outputLabel for="cor" value="Cor:" />
							<br />
							<p:inputText id="cor" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.veiculo.cor}" label="Cor" />
						</td>
					</tr>
				</table>
				
			<br />
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Nota fiscal</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="nrNotaFiscal" value="Número:" />
							<br />
							<p:inputText id="nrNotaFiscal" 
								value="#{cadastrarEntradaBean.entradaVeiculo.nrNotaFiscal}" maxlength="150" />
						</td>
						<td>
							<h:outputLabel for="dtNotaFiscal" value="Data:" />
							<br />
							<p:calendar id="dtNotaFiscal" label="Data" pattern="dd/MM/yyyy"
								maxlength="10" value="#{cadastrarEntradaBean.entradaVeiculo.dtNotaFiscal}" />
						</td>
						<td>
							<h:outputLabel for="vlrNotaFiscal" value="Valor:" />
							<br />
							<p:inputText id="vlrNotaFiscal" converter="moedaDoubleConverter"
								value="#{cadastrarEntradaBean.entradaVeiculo.vlrNotaFiscal}" />
						</td>
					</tr>
				</table>
			
			<br />
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Valores</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="vlrCompraVeiculo" value="* Valor de compra:" />
							<br />
							<p:inputText id="vlrCompraVeiculo" converter="moedaDoubleConverter"
								value="#{cadastrarEntradaBean.entradaVeiculo.vlrCompraVeiculo}" />
						</td>
						<td>
							<h:outputLabel for="vlrVendaVeiculo" value="* Valor de venda:" />
							<br />
							<p:inputText id="vlrVendaVeiculo" converter="moedaDoubleConverter"
								value="#{cadastrarEntradaBean.entradaVeiculo.vlrVendaVeiculo}" />
						</td>
						<td>
							<h:outputLabel for="vlrFipe" value="Valor da fipe:" />
							<br />
							<p:inputText id="vlrFipe" converter="moedaDoubleConverter"
								value="#{cadastrarEntradaBean.entradaVeiculo.vlrFipe}" />
						</td>
					</tr>
				</table>
			
			<br />
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Situação</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="alienado" value="Alienado:" />
							<br />
							<p:inputText id="alienado" style="width:250px;"
								value="#{cadastrarEntradaBean.entradaVeiculo.alienado}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="arrendatario" value="Arrendatário:" />
							<br />
							<p:inputText id="arrendatario" style="width:250px;"
								value="#{cadastrarEntradaBean.entradaVeiculo.arrendatario}" />
						</td>
					</tr>
				</table>
				
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="ipvaPago" value="IPVA pago:" />
							<br />
							<h:selectOneMenu id="ipvaPago" style="width:160px;" label="IPVA pago"
								styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all"
									value="#{cadastrarEntradaBean.entradaVeiculo.ipvaPago}">
								    <f:selectItems value="#{cadastrarEntradaBean.consultarSimNao}" />
							</h:selectOneMenu>
						</td>
						<td>
							<h:outputLabel for="seguroPago" value="Seguro pago:" />
							<br />
							<h:selectOneMenu id="seguroPago" style="width:160px;" label="Seguro pago"
								styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all"
									value="#{cadastrarEntradaBean.entradaVeiculo.seguroPago}">
								    <f:selectItems value="#{cadastrarEntradaBean.consultarSimNao}" />
							</h:selectOneMenu>
						</td>
						<td>
							<h:outputLabel for="licenciamentoPago" value="Licenciamento pago:" />
							<br />
							<h:selectOneMenu id="licenciamentoPago" style="width:160px;" label="Licenciamento pago"
								styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all"
									value="#{cadastrarEntradaBean.entradaVeiculo.licenciamentoPago}">
								    <f:selectItems value="#{cadastrarEntradaBean.consultarSimNao}" />
							</h:selectOneMenu>
						</td>
					</tr>
				</table>
				
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="dtDocumento" value="Data do documento:" />
							<br />
							<p:calendar id="dtDocumento" label="Data" pattern="dd/MM/yyyy"
								maxlength="10" value="#{cadastrarEntradaBean.entradaVeiculo.dtDocumento}" />
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="situacao" value="Situação:" />
							<br />
							<h:selectOneMenu id="situacao" style="width:160px;" label="Situação"
								styleClass="ui-inputfield ui-widget ui-state-default ui-corner-all"
									value="#{cadastrarEntradaBean.entradaVeiculo.situacao}">
								    <f:selectItems value="#{cadastrarEntradaBean.consultarSituacaoDocumento}" />
							</h:selectOneMenu>
						</td>
					</tr>
					<tr>
						<td>
							<h:outputLabel for="despachante" value="Despachante:" />
							<br />
							<p:autoComplete id="despachante" minQueryLength="2" label="Placa" maxlength="100"
							 	value="#{cadastrarEntradaBean.entradaVeiculo.despachante}"
	                    		completeMethod="#{cadastrarEntradaBean.consultarDespachantesPorNome}" 
	                    		var="desp" itemLabel="#{desp.nmPessoa}" itemValue="#{desp}"	
	                    		converter="pessoaConverter"
	                    		selectListener="#{cadastrarEntradaBean.handleSelectDespachante}"
	                    		onSelectUpdate="cpfDespachante, foneDespachante, celularDespachante"
	                    		style="width:250px;" /> 
							
							<p:commandButton update="clienteFornecedorModalForm" 
								onclick="dlgClienteFornecedor.show();" image="ui-icon ui-icon-plusthick" 
								style="margin-left:5px;" >
								<f:setPropertyActionListener value="#{true}"
			                    	target="#{manterClientesFornecedoresBean.cadastroDespachante}" />
		                    	<f:setPropertyActionListener value="#{true}"
			                    	target="#{manterClientesFornecedoresBean.telaCadastroEntrada}" />
							</p:commandButton>
						</td>
						<td>
							<h:outputLabel for="cpfDespachante" value="CPF:" />
							<br />
							<p:inputText id="cpfDespachante" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.despachante.cpfCnpj}"
								label="CPF" />
						</td>
						<td>
							<h:outputLabel for="foneDespachante" value="Fone:" />
							<br />
							<p:inputText id="foneDespachante" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.despachante.meioComunicacao.nrTelefone}"
								label="Fone" />
						</td>
						<td>
							<h:outputLabel for="celularDespachante" value="Celular:" />
							<br />
							<p:inputText id="celularDespachante" disabled="true" readonly="true" styleClass="ui-state-disabled"
								value="#{cadastrarEntradaBean.entradaVeiculo.despachante.meioComunicacao.nrCelular}"
								label="Celular" />
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<h:outputLabel for="observacoes" value="Observações:" />
							<br />
							<p:inputTextarea id="observacoes" 
								value="#{cadastrarEntradaBean.entradaVeiculo.observacoesVeiculo}"
								label="Observações" style="width:620px;height:80px;" />
						</td>
					</tr>
					
				</table>
				
			</p:panel>
			
			<br />
			<div align="right">
				<p:commandButton id="btn" value="Salvar" update="msgSistema, entradaVeicForm, listaCadastro" 
					actionListener="#{cadastrarEntradaBean.cadastrarEntrada}" style="margin-left:5px;" />
				<p:commandButton id="botaoLimpar" value="Limpar" update="msgSistema, entradaVeicForm" 
					 actionListener="#{cadastrarEntradaBean.limparCampos}" style="margin-left:5px;" />
			</div>
		
		</h:form>
		
		<h:form id="listaCadastro">
			
			<br />
			<br />
			<p:accordionPanel autoHeight="false" collapsible="true" style="padding:0;">
			<p:tab title="Entrada de veículos">
			
				<p:dataTable id="listaCadastroEntrada" var="cadastroEntrada" 
					widgetVar="veiculosTable"
					paginator="true" rows="10" paginatorPosition="bottom"
					value="#{cadastrarEntradaBean.todosCadastroEntrada}"
		            emptyMessage="Nenhuma entrada de veículo encontrada">
		            
		            <p:column style="width:140px;" filterBy="#{cadastroEntrada.veiculo.nrPlaca}"
			                headerText="Placa" filterMatchMode="contains">
			            <h:outputText value="#{cadastroEntrada.veiculo.nrPlaca}" />
			        </p:column>
			        
			        <p:column style="width:80px;" filterBy="#{cadastroEntrada.dtCompraVeiculo}" 
			                headerText="Data da compra" filterMatchMode="contains" >
			            <h:outputText value="#{cadastroEntrada.dtCompraVeiculo}" >
			            	<f:convertDateTime pattern="dd/MM/yyyy" />
			            </h:outputText>
			        </p:column>
			
			        <p:column style="width:140px;" filterBy="#{cadastroEntrada.fornecedor.nmPessoa}"
			                headerText="Fornecedor" filterMatchMode="contains">
			            <h:outputText value="#{cadastroEntrada.fornecedor.nmPessoa}" />
			        </p:column>
			        
			        <p:column style="width:140px;" filterBy="#{cadastroEntrada.vlrCompraVeiculo}"
			                headerText="Valor de compra" filterMatchMode="contains">
			            <h:outputText value="#{cadastroEntrada.vlrCompraVeiculo}" converter="moedaDoubleConverter" />
			        </p:column>
			        
			        <p:column style="width:140px;" filterBy="#{cadastroEntrada.vlrVendaVeiculo}"
			                headerText="Valor de venda" filterMatchMode="contains">
			            <h:outputText value="#{cadastroEntrada.vlrVendaVeiculo}" converter="moedaDoubleConverter" />
			        </p:column>
			        
			        <p:column style="width:80px;" filterBy="#{cadastroEntrada.situacao.label}"
			                headerText="Situação" filterMatchMode="contains">
			            <h:outputText value="#{cadastroEntrada.situacao.label}" />
			        </p:column>
			
			        <p:column style="width:100px;" headerText="Ações">
			            <p:commandButton update="clienteFornecedorDetalhesForm" image="ui-icon ui-icon-search" immediate="true"
			            	oncomplete="dialogClienteFornecedorDetalhes.show()">
			               <f:setPropertyActionListener value="#{cadastroEntrada}"
			                    target="#{cadastrarEntradaBean.entradaVeiculoAux}" />
			            </p:commandButton>
			            <p:commandButton update="entradaVeicForm" image="ui-icon ui-icon-pencil" immediate="true">
			               <f:setPropertyActionListener value="#{cadastroEntrada}"
			                    target="#{cadastrarEntradaBean.entradaVeiculo}" />
			            </p:commandButton>
			            <p:commandButton oncomplete="confirmation.show()" image="ui-icon ui-icon-trash" immediate="true">
			               <f:setPropertyActionListener value="#{cadastroEntrada}"
			                    target="#{cadastrarEntradaBean.entradaVeiculoAux}" />
			            </p:commandButton>
			        </p:column>
			        
			    </p:dataTable>
			    
		    </p:tab>
			</p:accordionPanel>
		    
		</h:form>
		
		<h:form>
		    <p:confirmDialog message="Deseja excluir o registro?"
						header="Confirmação" severity="alert" widgetVar="confirmation">
						
				<p:commandButton value="Sim" update="entradaVeicForm, msgSistema, listaCadastro" 
							oncomplete="confirmation.hide()" immediate="true"
							actionListener="#{cadastrarEntradaBean.excluirEntradaVeiculo}" />
				<p:commandButton value="Não" onclick="confirmation.hide()" type="button" immediate="true" /> 
						
			</p:confirmDialog>
		</h:form>

		<ui:include src="../manterveiculos/veiculomodal.xhtml" />
		<ui:include src="../clientesfornecedores/clientefornecedormodal.xhtml" />
		<ui:include src="entradaveiculodetalhes.xhtml" />
		
	</ui:define>

</ui:composition>
</html>